import React, { Component } from "react";
import {CheckCircleOutlined,SlackOutlined,WechatOutlined,QqOutlined,WeiboCircleOutlined} from '@ant-design/icons';
import style from "./index.module.scss";

class Success extends Component {
    constructor(props) {
        super(props);
        this.state = {
            userInfo: null,

        }
    }
    componentDidMount() {
        // dbConnTest(res=>{
        //     console.log(res);
        // });

      
    }

    render() {
   
        return (
            <div className={style["index-root"]}>
                <div className={style["index-top"]}>
                    支付成功
                </div>
            <div className={style["cont-boby"]}>
                <CheckCircleOutlined style={{fontSize: '160px',color: "rgb(96, 180, 11)"}} />
            </div>
            <div className={style["cont-boby1"]}>
                <p>分享</p>
                <div className={style["cont-boby2"]}>
                    <SlackOutlined style={{fontSize: '40px',color:"rgb(70, 67, 64)"}}/>
                    <WechatOutlined style={{fontSize: '40px',color:"rgb(70, 67, 64)"}}/>
                    <QqOutlined style={{fontSize: '40px',color:"rgb(70, 67, 64)"}}/>
                <   WeiboCircleOutlined style={{fontSize: '40px',color:"rgb(70, 67, 64)"}}/>
                </div>
            </div>
            <div className={style["index-fooer"]}>
              <button className={style["View-Order"]} onClick={
                  ()=>this.props.history.push({pathname:"/mebuy"})
              }>查看订单</button>
              <button className={style["home-back"]} onClick={()=>{
                this.props.history.push({pathname:"/home",})}}>返回主页</button>
            </div>
            </div>
        )
    }
}


export default Success;